@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}
/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{
    /*********这里是头部样式*********/
    }
    section{      /***********内容样式***********/
        width: 100%;
        margin-top: bgg(95);
        margin-bottom: bgg(95);
        .section_top{
            width: 91.10%;
            height: 100%;
            display: block;
            margin: 0 auto;
            font-size: 0;
            .timu{
                color: #010101;
                font-size: bgg(30);
                text-align: justify;
                margin-top: bgg(40);
                display: inline-block;
            }
            .icon_font{
                margin-top: bgg(15);
                .aixin{
                    color: #e4e4e4;
                    font-size: bgg(35);
                    
                }
                .aixin+span{
                    color: #c5c5c5;
                    font-size: bgg(20);
                    margin-right: bgg(41);
                }
                .yan{
                    color: #c5c5c5;
                    font-size: bgg(24);
                    margin-right: bgg(5);
                }
                .yan+span{
                    color: #c5c5c5;
                    font-size: bgg(20);
                }
            }
            .shuzi{
                margin-top: bgg(5);
                .riqi{
                    color: #c5c5c5;
                    font-size: bgg(22);
                }
                .riqi+a{
                    text-decoration: none;
                    color: #b20000;
                    font-size: bgg(22);
                    margin-left: bgg(15);
                }
            }
            .zhaiyao{
                color: #8b8b8b;
                font-size: bgg(20);
                text-align: justify;
                margin-top: bgg(45);
                display: inline-block;
            }
            .zhaiyao+p{
                color: #000000;
                font-size: bgg(20);
                margin-top: bgg(30);
                text-align: justify;
            }
            .zhaiyao_1{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(31);
                display: block;
                text-align: justify;
            }
            .zhaiyao_1+p{
                color: #000000;
                font-size: bgg(20);
                margin-left: bgg(37);
                margin-top: bgg(35);
            }
            .zhaiyao_2{
                color: #8b8b8b;
                font-size: bgg(20);
                display: block;
                margin-top: bgg(31);
                text-align: justify;
            }
            .img{
                img{
                    display: block;
                    width: 100%;
                    height: bgg(271);
                    margin-top: bgg(13);
                }
            }
            .img+p{
                color: #000000;
                font-size: bgg(20);
                margin-top: bgg(30);
                margin-left: bgg(40);
            }
            .zhaiyao_3{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(33);
                margin-left: bgg(41);
                display: block;
            }
            .zhaiyao_3+span{
                display: block;
                color: #8b8b8b;
                font-size: bgg(20);
                text-align: justify;
            }
            .zhaiyao_4{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-left: bgg(37);
            }
            .zhaiyao_4+span{
                color: #8b8b8b;
                font-size: bgg(20);
                text-align: justify;
            }
            .img_1{
                img{
                    width: 100%;
                    height: bgg(167);
                    display: block;
                    margin-top: bgg(11);
                }
            }
            .img_1+p{
                color: #000000;
                font-size: bgg(20);
                margin-top: bgg(20);
                margin-left: bgg(40);
            }
            .zhaiyao_5{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-left: bgg(42);
            }
            .zhaiyao_5+p{
                color: #000000;
                font-size: bgg(20);
                margin-left: bgg(40);
            }
            .zhaiyao_6{
                color: #8b8b8b;
                font-size: bgg(20);
                text-align: justify;
            }
            .zhaiyao_6+p{
                color: #000000;
                font-size: bgg(20);
                margin-left: bgg(40);
            }
            .zhaiyao_7{
                color: #8b8b8b;
                font-size: bgg(20);
                text-align: justify;
            }
            .img_2{
                img{
                    width: 100%;
                    height: bgg(274);
                    display: block;
                    margin-top: bgg(18);
                }
            }
            .img_2+p{
                color: #000000;
                font-size: bgg(20);
                margin-top: bgg(20);
            }
            .zhaiyao_8{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(31);
                display: block;
            }
            .zhaiyao_8+span{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(30);
                display: block;
                text-align: justify;
            }
            .zhaiyao_9{
                color: #000000;
                font-size: bgg(20);
                margin-top: bgg(31);
            }
            .zhaiyao_9+span{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(30);
                display: block;
            }
            .zhaiyao_10{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(30);
                display: block;
            }
            .zhaiyao_10+span{
                color: #8b8b8b;
                font-size: bgg(20);
                text-align: justify;
            }
            .img_3{
                img{
                    display: block;
                    width: 100%;
                    height: bgg(170);
                    margin-top: bgg(22);
                }
            }
            .img_3+span{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(33);
                display: block;
            }
            .zhaiyao_11{
                color: #8b8b8b;
                font-size: bgg(20);
            }
            .zhaiyao_11+span{
                color: #8b8b8b;
                font-size: bgg(20);
                text-align: justify;
                display: block;
            }
            .img_4{
                img{
                    width: 100%;
                    height: bgg(241);
                    display: block;
                    margin-top: bgg(20);
                }
            }
            .img_4+span{
                color: #8b8b8b;
                font-size: bgg(20);
                text-align: justify;
                margin-top: bgg(20);
                display: block;
            }
            .zhaiyao_12{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(30);
                display: block;
            }
            .zhaiyao_12+span{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(30);
                display: block;
            }
            .zhaiyao_13{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(30);
                display: block;
            }
            .img_5{
                img{
                    display: block;
                    width: 100%;
                    height: bgg(299);
                    margin-top: bgg(15);
                }
            }
            .img_5+span{
                color: #8b8b8b;
                font-size: bgg(20);
                margin-top: bgg(25);
                display: block;
                text-align: justify;
            }
            .img_6{
                img{
                    display: block;
                    width: bgg(527);
                    height: bgg(277);
                    margin-top: bgg(15);
                }
            }
        }
        .section_zj{
            width: 100%;
            height: 100%;
            font-size: 0;
            .huise{
                width: 100%;
                height: bgg(19);
                background: #efefef;
                margin-top: bgg(32);
            }
            .previous_posts{
                span{
                    color: #727171;
                    font-size: bgg(21.12);
                    margin-top: bgg(28);
                    display: inline-block;
                    margin-left: bgg(28);
                    font-weight: bold;
                }
                a{
                    text-decoration: none;
                    color: #727171;
                    font-size: bgg(18.1);
                    padding-left: bgg(5);
                }
            }
            .huise_2{
                width: 100%;
                height: bgg(19);
                background: #efefef;
                margin-top: bgg(28);
            }
        }
        .section_bot{
            width: 91.10%;
            height: 100%;
            display: block;
            margin: 0 auto;
            font-size: 0;
            .Thumb_up_collection{
//              display: inline-block;
                font-size: 0;
                margin: 0 auto;
                position: relative;
                .praise{
                    text-align: center;
//                  margin-top: bgg(37);
//                  margin-left: bgg(130);
//                  display: inline-block;
                    .lianxi{
                        .tupian{
                            width: bgg(73);
                            height: bgg(73);
                        }
                        .praise_1{
                            color: #8b8b8b;
                            font-size: bgg(20);
                            margin-top: bgg(5);
                        }
                    }
                }
                .praise_2{
                    position: absolute;
                    top: 0;
                    left: bgg(130);
                    margin: 0;
                }
                .collect{
                    margin-top: bgg(37);
//                  display: inline-block;
//                  margin-left: bgg(256);
//                  position: absolute;
//                  top: bgg(37);
//                  left: bgg(256);
                }
                .share{
//                  display: inline-block;
//                  margin-top: bgg(37);
                    position: absolute;
                    top: 0;
                    right: bgg(128);
                    margin: 0;
                }
            }
            .register{
                border: bgg(1) solid #cecece;
                height: bgg(193);
                width: 100%;
                margin-top: bgg(48);
                text-align: center;
                line-height: bgg(193);
                a{
                    color: #b20000;
                    font-size: bgg(20);
                    text-decoration: underline;
                }
                span{
                    color: #8b8b8b;
                    font-size: bgg(20);
                }
            }
            .pinglun{
                margin-top: bgg(15);
                margin-left: bgg(95);
                a{
                    display: inline-block;
                    width: bgg(395);
                    height: bgg(53);
                    background: #b20000;
                    text-align: center;
                    color: #ffffff;
                    font-size: bgg(26);
                    line-height: bgg(53);
                }
            }
            .pinglun+p{
                color: #727171;
                font-size: bgg(18);
                margin-top: bgg(48);
                span{
                    text-decoration: underline;
                    bottom: bgg(1);
                }
            }
            .touxiang{
                margin-top: bgg(25);
                margin-left: bgg(5);
                position: relative;
                img{
                    width: bgg(51);
                    height: bgg(51);
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                .xingming{
                    color: #444444;
                    font-size: bgg(18);
                    margin-left: bgg(61);
                    margin-top: bgg(15);
                    display: inline-block;
                }
                .xingming+span{
                    color: #b2b2b2;
                    font-size: bgg(18);
                    margin-left: bgg(8);
                }
            }
            .pingl{
//              display: block;
                margin-top: bgg(25);
                margin-left: bgg(20);
                span{
                    color: #444444;
                    font-size: bgg(22);
                }
                a{
                    color: #b2b2b2;
                    font-size: bgg(18);
                    padding-left: bgg(45);
                }
            }
            .huifu{
                margin-top: bgg(11);
                span{
                    color: #444444;
                    font-size: bgg(19.32);
                }
                a{
                    color: #444444;
                    font-size: bgg(19.32);
                }
                .v{
                    font-size: bgg(24);
                    color: #444444;
                    opacity: 0.5;
                    margin-right: bgg(20);
                }
            }
            .xiala{
                width: bgg(535);
                height: bgg(376);
                background: #fafafa;
                margin: 0 auto;
                display: block;
                margin-top: bgg(5);
                position: relative;
                .touxiang_1{
                    margin-top: bgg(25);
                    margin-left: bgg(20);
                    font-size: bgg(18);
                    color: #444444;
                    display: inline-block;
                    img{
                        width: bgg(40);
                        height: bgg(40);
                        position: absolute;
                        top: bgg(17);
                        left: bgg(20);
                    }
                    .mimo{
                        padding-left: bgg(53);
                        padding-right: bgg(18);
//                      margin-top: bgg(23);
                    }
                }
                .shijian{
                    text-align: right;
                    color: #b2b2b2;
                    font-size: bgg(18);
                    display: block;
                    margin-right: bgg(10);
                    margin-top: bgg(25);
                }
                .xuxian{
                    border: bgg(1) dashed #c9c9c9;
                    width: bgg(515);
//                  text-align: center;
                    margin: bgg(10) auto;
                    opacity: 0.5;
                }
                .touxiang_2{
                    position: relative;
                    margin-top: bgg(15);
                    img{
                        position: absolute;
                        top: bgg(-8);
                        left: 0;
                    }
                    .huanhang{
                        width: bgg(358);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        margin-top: bgg(-26);
                    }
                }
                .shijian_1{
                    margin-top: bgg(8);
                }
                .dingwei{
                    position: relative;
                    textarea{
                        width: bgg(497);
                        height: bgg(72);
                        resize: none;
                        margin: bgg(8) 0 0 bgg(17);
                        color: #444444;
                        font-size: bgg(18);
                        border: bgg(1) solid #efefef;
                    }
                    span{
                        color: #b2b2b2;
                        font-size: bgg(12);
                        position: absolute;
                        top: bgg(35);
                        right: bgg(25);
                    }
                }
                .fabiao{
                    text-align: right;
                    margin-right: bgg(22);
                    margin-top: bgg(7);
                    a{
                        display: inline-block;
                        width: bgg(174);
                        height: bgg(45);
                        background: #b20000;
                        color: #ffffff;
                        font-size: bgg(20.21);
                        text-align: center;
                        line-height: bgg(45);
                    }
                }
            }
            .xuxian_1{
//              margin-top: bgg(25);
                border: bgg(1) dashed #c9c9c9;
                width: 100%;
                margin: bgg(25) auto;
                opacity: 0.5;
            }
            .sp_xian{
                border: bgg(1) solid #e4e4e4;
                width: 100%;
                margin-top: bgg(35);
                margin-bottom: bgg(20);
                display: block;
            }
            .lianjie{
                text-align: center;
                a{
                    color: #bbbbbb;
                    font-size: bgg(22);
                    margin-bottom: bgg(31);
                    text-decoration: none;
                    display: inline-block;
                }
            }
        }
    }
    footer{
    /***********尾部样式***************/
    }
}
